<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/productList.css">
</head>
<body>
   
    <header class="header">
        <div class="container-full bg-black font-white">
            <div class="first-nav center cf">
                <a href="#" class="fl font-white f-l-i220">legochina.cn</a>
                <p class="fr">欢迎光临
                    <a href="#" class="theme-font-color">乐购</a>,请
                    <a href="#" class="font-white">登录</a>/
                    <a href="#" class="theme-font-color">注册</a>
                </p>
                <img class="logo" src="./images/logo.jpg" alt="">
            </div>
        </div>
        <!-- 搜索框 -->
        <div class="center search-box cf" style="min-width: 700px;">

            <div class="shopcart fr">
                <a href="#" class="font-white">购物车
                    <span>3</span>
                </a>
                <a href="#">我的订单</a>
            </div>

            <div class="fr search-input-box">
                <form action="">
                    <input type="text" class="theme-border-color" placeholder="创意文具">
                    <input type="submit" value="" style="margin-left:-7px; cursor: pointer;">
                </form>
                <!-- 购物车的订单 -->
            </div>
        </div>
        <!-- 导航栏 -->
        <nav class="navigation center">
            <ul class="cf">
                <li>
                    <a href="#">图书</a>
                </li>
                <li>
                    <a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">原创文学</a>
                </li>
                <li>
                    <a href="#">服装</a>
                </li>
                <li>
                    <a href="#">户外运动</a>
                </li>
                <li>
                    <a href="#">儿童装</a>
                </li>
                <li>
                    <a href="#">家具</a>
                </li>
                <li>
                    <a href="#">创意文具</a>
                </li>
                <li>
                    <a href="#">地方特产</a>
                </li>
                <li>
                    <a href="#">海外购</a>
                </li>
                <li>
                    <a href="#">电器城</a>
                </li>
            </ul>
        </nav>



    </header>


    <div class="line5 theme-bg-color"></div>

    <table>
        <tr class="bgcf3">
            <td width="100">
                <input class="allSel" type="checkbox">全选
            </td>
            <td width="400">商品</td>
            <td width="100">单价</td>
            <td width="300">数量</td>
            <td width="100">小计</td>
            <td width="200">操作</td>
        </tr>
        <tr>
            <td>
                <input class="sinSel" type="checkbox" name="1">
            </td>
            <td>
                <img class="fl" src="./images/ebook-demo3.jpg" alt="">
                从你的全世界路过
            </td>
            <td class="sPrice">50.01</td>
            <td>
                <a class="reduce" href="javascript: ">-</a>
                <input class="proNum" type="text" value="1">
                <a class="add" href="javascript: ">+</a>
            </td>
            <td class="singlePrice">50.01</td>
            <td>删除</td>
        </tr> 
        <tr>
            <td>
                <input class="sinSel" type="checkbox" name="2">
            </td>
            <td>
                <img class="fl" src="./images/ebook-demo3.jpg" alt="">
                从你的全世界路过
            </td>
            <td class="sPrice">50.01</td>
            <td>
                <a class="reduce" href="javascript: ">-</a>
                <input class="proNum" type="text" value="1">
                <a class="add" href="javascript: ">+</a>
            </td>
            <td class="singlePrice">50.01</td>
            <td>删除</td>
        </tr> 
        <tr>
            <td>
                <input class="sinSel" type="checkbox" name="3">
            </td>
            <td>
                <img class="fl" src="./images/ebook-demo3.jpg" alt="">
                从你的全世界路过
            </td>
            <td class="sPrice">50.01</td>
            <td>
                <a class="reduce" href="javascript: ">-</a>
                <input class="proNum" type="text" value="1">
                <a class="add" href="javascript: ">+</a>
            </td>
            <td class="singlePrice">50.01</td>
            <td>删除</td>
        </tr> 
        <tr>
            <td>
                <input class="sinSel" type="checkbox" name="4">
            </td>
            <td>
                <img class="fl" src="./images/ebook-demo3.jpg" alt="">
                从你的全世界路过
            </td>
            <td class="sPrice">50.01</td>
            <td>
                <a class="reduce" href="javascript: ">-</a>
                <input class="proNum" type="text" value="1">
                <a class="add" href="javascript: ">+</a>
            </td>
            <td class="singlePrice">50.01</td>
            <td>删除</td>
        </tr> 
        <tr>
            <td>
                <input class="allSel" type="checkbox">全选
            </td>
            <td colspan="2">
                删除已选商品
            </td>
            <td>
               已选 <span class="allNum cf60 f20">0</span> 件商品
            </td>
            <td>总价： <span class="allPrice cf60 f20">0</span></td>
            <td>结算</td>
        </tr>

    </table>


     <script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
     <script src="./js/shopcart.js"></script>
</body>
</html>